{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>问答详情</title>
<style type="text/css">
    .mui-content{ padding: 12px 0 12px 0; background-color: #fff;}
    .mui-grid-view.mui-grid-9:before{height: 1px;}
    .mui-slider-indicator{text-align: left;}
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <!--问答列表-->
    {%for item in data.list%}
    <div class="mb-post-list-3 xw-border-bottom">
        <a class="bbs-user-info mui-clearfix" href="javascript:void(0)">
            <img class="bbs-user-photo mui-pull-left" src="{{ctx.app.config.api.image}}/{{item.headImgUrl}}"/>
            <span class="bbs-user-name mui-pull-left">{{item.name}}</span>
        </a>
        <a href="askquestions?id={{item.id}}">
            <h4 class="mui-ellipsis-2">{{item.title}}</h4>
            <div class="mb-post-imgs">
                <ul class="mui-clearfix">
                    {%for item2 in item.images%}
                    <li><img src="{{ctx.app.config.api.image}}/{{item2}}"></li>
                    {%endfor%}
                </ul>
            </div>
        </a>
        <p class="bbs-operaton bbs-operaton1 mui-clearfix">
            <span class="mui-pull-left">{{item.createDate}}</span>
            <span class="mui-pull-right">回答{{item.commentCount}}</span>
        </p>
    </div>
    {%endfor%}
</div>
{% endblock %}

{#js代码#}
{% block js %}

<!--flotdemo-->
{% endblock %}
